<template>
  <div>
    <h1>App:{{ count }}--{{ count2 }}</h1>
    <hr />
    <One :count="count" :count2="count2" />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "App",
});
</script>

<script setup lang="ts">
import One from "./component/One/index.vue";
import { ref } from "vue";
const count = ref(1);
const count2 = ref(2);
</script>

<style  scoped >
</style>